<template>
  <div class="biaoxun">
    <div class="biaoxunZs">
      <span class="zhongshi"></span>
      <span class="biaoxunZt">筛选条件</span>
    </div>
    <div style="margin-top: 40px">
      <div>
        <div class="biaoxunTou">关键词</div>
        <div style="display: flex; align-items: center">
          <div>
            <el-input
              class="lookSth"
              v-model="dataService.title"
              placeholder="请输入公司名称关键词或公司完整名称，多个用空格隔开"
            />
            <!-- <el-button type="primary" color="#6675FF" @click="increase1">添加</el-button> -->
          </div>
          <div style="margin-left: 40px">
            <el-dropdown trigger="click" ref="dropdown1">
              <span class="el-dropdown-link">
                <span>{{ sizes1 }}</span>
                <el-icon class="el-icon--right">
                  <arrow-down />
                </el-icon>
              </span>
              <template #dropdown>
                <el-dropdown-menu>
                  <div class="infOne">
                    <el-checkbox-group v-model="dataService.checkList">
                      <div
                        class="infOne_hove"
                        v-for="city in realm"
                        :key="city.id"
                      >
                        <el-checkbox
                          :label="city"
                          :disabled="city.disabled == 'disabled' ? true : false"
                          >{{ city.name }}</el-checkbox
                        >
                      </div>
                    </el-checkbox-group>
                  </div>
                  <div class="dropdownButtom">
                    <div></div>
                    <div>
                      <a-button style="margin-right: 10px" @click="reClick1"
                        >重置</a-button
                      >
                      <a-button
                        style="background-color: #f43107; color: #fff"
                        @click="recognize1"
                        >确定</a-button
                      >
                    </div>
                  </div>
                </el-dropdown-menu>
              </template>
            </el-dropdown>
          </div>
        </div>
      </div>
      <!-- <div style="margin-top: 15px;">
                <el-tag v-for="tag in tags1" :key="tag.name" closable class="guanjianzi">
                    {{ tag.name }}
                </el-tag>
            </div> -->
    </div>
    <div style="margin-top: 40px">
      <div>
        <div class="biaoxunTou">同时包含关键词</div>
        <div style="display: flex; align-items: center">
          <div>
            <el-input
              class="lookSth"
              v-model="dataService.keywords"
              placeholder="请输入公司名称关键词或公司完整名称，多个用空格隔开"
            />
            <!-- <el-button type="primary" color="#6675FF" @click="increase2">添加</el-button> -->
          </div>
          <div style="margin-left: 40px">
            <el-dropdown trigger="click" ref="dropdown2">
              <span class="el-dropdown-link">
                <span>{{ sizes2 }}</span>
                <el-icon class="el-icon--right">
                  <arrow-down />
                </el-icon>
              </span>

              <template #dropdown>
                <el-dropdown-menu>
                  <div class="infOne">
                    <el-checkbox-group v-model="dataService.keyList">
                      <div
                        class="infOne_hove"
                        v-for="city in realm"
                        :key="city.id"
                      >
                        <el-checkbox
                          :label="city"
                          :disabled="city.disabled == 'disabled' ? true : false"
                          >{{ city.name }}</el-checkbox
                        >
                      </div>
                    </el-checkbox-group>
                  </div>
                  <div class="dropdownButtom">
                    <div></div>
                    <div>
                      <a-button style="margin-right: 10px" @click="reClick2"
                        >重置</a-button
                      >
                      <a-button
                        style="background-color: #f43107; color: #fff"
                        @click="recognize2"
                        >确定</a-button
                      >
                    </div>
                  </div>
                </el-dropdown-menu>
              </template>
            </el-dropdown>
          </div>
        </div>
      </div>
      <!-- <div style="margin-top: 15px;">
                <el-tag v-for="tag in tags2" :key="tag.name" closable class="guanjianzi">
                    {{ tag.name }}
                </el-tag>
            </div> -->
    </div>
    <div style="margin-top: 40px">
      <div>
        <div class="biaoxunTou">排除词</div>
        <div style="display: flex; align-items: center">
          <div>
            <el-input
              class="lookSth"
              v-model="dataService.excluded"
              placeholder="请输入公司名称关键词或公司完整名称，多个用空格隔开"
            />
            <!-- <el-button type="primary" color="#6675FF" @click="increase3">添加</el-button> -->
          </div>
          <div style="margin-left: 40px">
            <el-dropdown trigger="click" ref="dropdown3">
              <span class="el-dropdown-link">
                <span>{{ sizes3 }}</span>
                <el-icon class="el-icon--right">
                  <arrow-down />
                </el-icon>
              </span>

              <template #dropdown>
                <el-dropdown-menu>
                  <div class="infOne">
                    <el-checkbox-group v-model="dataService.excludedList">
                      <div
                        class="infOne_hove"
                        v-for="city in realm"
                        :key="city.id"
                      >
                        <el-checkbox
                          :label="city"
                          :disabled="city.disabled == 'disabled' ? true : false"
                          >{{ city.name }}</el-checkbox
                        >
                      </div>
                    </el-checkbox-group>
                  </div>
                  <div class="dropdownButtom">
                    <div></div>
                    <div>
                      <a-button style="margin-right: 10px" @click="reClick3"
                        >重置</a-button
                      >
                      <a-button
                        style="background-color: #f43107; color: #fff"
                        @click="recognize3"
                        >确定</a-button
                      >
                    </div>
                  </div>
                </el-dropdown-menu>
              </template>
            </el-dropdown>
          </div>
        </div>
      </div>
      <!-- <div style="margin-top: 15px;">
                <el-tag v-for="tag in tags3" :key="tag.name" closable class="guanjianzi">
                    {{ tag.name }}
                </el-tag>
            </div> -->
    </div>
    <!-- <div style="margin-top: 40px;">
            <div>
                <div class="biaoxunTou">招标公司名称</div>
                <div style="display: flex; align-items: center;">
                    <div>
                        <el-input class="lookSth" v-model="dataService.input4" placeholder="请输入公司名称关键词或公司完整名称，多个用空格隔开" />
                        <el-button type="primary" color="#6675FF" @click="increase4">添加</el-button>
                    </div>

                </div>
            </div>
            <div style="margin-top: 15px;">
                <el-tag v-for="tag in tags4" :key="tag.name" closable class="guanjianzi">
                    {{ tag.name }}
                </el-tag>
            </div>
        </div> -->
    <!-- <div style="margin-top: 40px;">
            <div>
                <div class="biaoxunTou">中标公司名称</div>
                <div style="display: flex; align-items: center;">
                    <div>
                        <el-input class="lookSth" v-model="dataService.input5" placeholder="请输入公司名称关键词或公司完整名称，多个用空格隔开" />
                        <el-button type="primary" color="#6675FF" @click="increase5">添加</el-button>
                    </div>
                </div>
            </div>
            <div style="margin-top: 15px;">
                <el-tag v-for="tag in tags5" :key="tag.name" closable class="guanjianzi">
                    {{ tag.name }}
                </el-tag>
            </div>
        </div> -->
    <div class="mt30">
      <div>公告类型</div>
      <!-- <div class="mt10">
                <el-checkbox-group v-model="dataService.bulletin">
                    <el-checkbox v-for="city in cities" :key="city" :label="city.infoid">{{
                            city.infoname
                        }}</el-checkbox>
                </el-checkbox-group>
            </div> -->

      <div class="projectArea">
        <!-- , -->
        <span
          :class="{ shangActive: photo == item.value, shang: true }"
          v-for="item in opbulletin"
          :key="item"
          @click="toggonggao(item)"
          >{{ item.label }}</span
        >
      </div>
      <div class="projectArea" v-if="opbullTwo.length > 0">
        <!--  -->
        <span
          :class="{
            shangActive: dataService.bulletin.includes(items.value),
            shang: true,
          }"
          v-for="items in opbullTwo"
          :key="items"
          @click="twoSelection(items)"
          >{{ items.label }}</span
        >
      </div>
    </div>
    <div class="mt30" style="padding-right: 15px">
      <div>发布时间</div>
      <div class="mt10">
        <el-radio-group v-model="dataService.timesId">
          <el-radio
            v-for="item in shortcuts"
            :key="city"
            :label="item.id"
            @change="radioChange(item.id)"
            >{{ item.text }}</el-radio
          >
          <el-date-picker
            v-model="time"
            type="daterange"
            format="YYYY/MM/DD"
            value-format="x"
            range-separator="-"
            start-placeholder="开始时间"
            end-placeholder="结束时间"
            :size="size"
            @change="timeChange"
          />
        </el-radio-group>
      </div>
    </div>
    <diqu ref="quangDq" />
    <div v-if="flg">
      <div class="mt30">
        <div>招标公司类型</div>
        <div class="mt10">
          <el-checkbox-group v-model="dataService.Boos">
            <el-checkbox
              v-for="city in biddingBoos"
              :key="city"
              :label="city.id"
              >{{ city.name }}</el-checkbox
            >
          </el-checkbox-group>
        </div>
      </div>
      <div class="mt30">
        <div>招标方式</div>
        <div class="mt10">
          <el-checkbox-group v-model="dataService.bidding">
            <el-checkbox
              v-for="city in biddingMethod"
              :key="city"
              :label="city.id"
              >{{ city.name }}</el-checkbox
            >
          </el-checkbox-group>
        </div>
      </div>
      <div class="mt30">
        <div>招标状态</div>
        <div class="mt10">
          <el-checkbox-group v-model="dataService.affairs">
            <el-checkbox
              v-for="city in inviteBids"
              :key="city"
              :label="city.id"
              >{{ city.name }}</el-checkbox
            >
          </el-checkbox-group>
        </div>
      </div>
      <div class="mt30">
        <div>项目金额</div>
        <div class="mt10">
          <el-radio-group v-model="dataService.money">
            <el-radio v-for="item in moneyBids" :key="city" :label="item.id">{{
              item.name
            }}</el-radio>
          </el-radio-group>
          <div style="display: flex; align-items: center">
            <el-radio-group v-model="dataService.money" class="ml-4">
              <el-radio label="9">自定义</el-radio>
            </el-radio-group>
            <div style="display: flex; margin-left: 5px">
              <div class="search_money">
                <input
                  class="search_mput"
                  type="text"
                  v-model="dataService.min"
                  placeholder="最小"
                />
                <span style="margin: 0 10px">-</span>
                <input
                  class="search_mput"
                  type="text"
                  v-model="dataService.max"
                  placeholder="最大"
                />
                <span style="margin-left: 10px">万</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="mt30">
        <div>联系方式</div>
        <div class="mt10">
          <el-radio-group v-model="dataService.contact">
            <el-radio
              v-for="item in contactBids"
              :key="city"
              :label="item.id"
              >{{ item.name }}</el-radio
            >
          </el-radio-group>
        </div>
      </div>
      <div class="mt30">
        <div>采购类别</div>
        <div class="mt10">
          <el-checkbox-group v-model="dataService.projects">
            <el-checkbox
              v-for="city in category"
              :key="city"
              :label="city.id"
              >{{ city.name }}</el-checkbox
            >
          </el-checkbox-group>
        </div>
      </div>
      <div class="mt30">
        <div>附件</div>
        <div class="mt10">
          <el-radio-group v-model="dataService.annexes">
            <el-radio v-for="item in attachment" :key="city" :label="item.id">{{
              item.name
            }}</el-radio>
          </el-radio-group>
        </div>
      </div>
      <div class="mt30">
        <div>匹配模式</div>
        <div class="mt10">
          <el-radio-group v-model="dataService.matching">
            <el-radio v-for="item in quality" :key="city" :label="item.id">{{
              item.name
            }}</el-radio>
          </el-radio-group>
        </div>
      </div>
    </div>
    <div class="greater" @click="greaterClick">
      <span style="margin-right: 10px"
        >{{ flg ? "收起更多" : "更多筛选" }}
      </span>
      <img
        v-if="flg"
        style="width: 8px; height: 12px"
        src="@/assets/img/shouqi.png"
        alt=""
      />
      <img
        v-else
        style="width: 8px; height: 12px"
        src="@/assets/img/zhankai.png"
        alt=""
      />
    </div>
  </div>
</template>

<script setup>
import diqu from "../diqu/index.vue";
import { getCaricatureApi, getInfomationchild } from "@/Api/shoop/index.js";
import { ArrowDown } from "@element-plus/icons-vue";
import { reactive, ref, onMounted } from "vue";
import { useRadio1Store } from "@/pain/search/search";
import { decrypt } from "@/utils/index";
const signalsRadio1 = useRadio1Store();
const quangDq = ref();
const tokens = localStorage.getItem("token")
let token = JSON.parse(decrypt(tokens))
let time = ref([]);
let flg = ref(false);
const greaterClick = () => {
  flg.value = !flg.value;
};

let dataService = reactive({
    title: '',
    checkList: [],
    keywords: '',
    keyList: [],
    excluded: '',
    excludedList: [],
    bulletin: [],
    times: [
        {
            oneTime: '',
            twoTime: ''
        }
    ],
    Boos: [],
    bidding: [],
    affairs: [],
    money: '',
    min: "",
    max: '',
    contact: '',
    projects: [],
    annexes: '',
    matching: '',
    level_id: token != null ? token.level_id : '-1'

})

signalsRadio1.T_tender = dataService;
let opbulletin = ref([]);
const getInfomationchilds = () => {
  getInfomationchild().then((res) => {
    opbulletin.value = res.data.data;
    console.log(res.data.data);
  });
};
let opbullTwo = ref([]);
let photo = ref("");
let photoIndex = ref("");
const toggonggao = (data) => {
  photo.value = data.value;
  photoIndex.value = data.value;
  opbulletin.value.forEach((res) => {
    if (res.label == data.label) {
      opbullTwo.value = res.children;
      dataService.bulletin = [];
    }
    console.log(res);
  });
};
const twoSelection = (data) => {
  dataService.bulletin.push(data.value);
};

let cities = ref([]);
const getInformation = () => {
  getCaricatureApi().then((res) => {
    let {
      data: { data },
    } = res;
    cities.value = data;
    cities.value.unshift({
      infoid: 0,
      infoname: "全部",
    });
  });
};
const realm = ref([
  {
    id: "1",
    name: "产品",
    disabled: "disabled",
  },
  {
    id: "2",
    name: "标题",
  },
  {
    id: "3",
    name: "品牌",
    disabled: "disabled",
  },
  {
    id: "4",
    name: "招标公司",
  },
  {
    id: "5",
    name: "中标公司",
  },
  {
    id: "6",
    name: "代理公司",
  },
  {
    id: "7",
    name: "全文",
  },
]);
const dropdown1 = ref();
let sizes1 = ref("全部关键词位置");
const recognize1 = () => {
  dropdown1.value.handleClose();
  dataService.checkList.length > 0
    ? (sizes1.value = `已选${dataService.checkList.length}个关键词位置`)
    : (sizes1.value = "全部关键词位置");
};
const reClick1 = () => {
  dataService.checkList = [];
};

const dropdown2 = ref();
let sizes2 = ref("全部同时包含关键词位置");
const recognize2 = () => {
  dropdown2.value.handleClose();
  dataService.keyList.length > 0
    ? (sizes2.value = `已选${dataService.keyList.length}同时包含关键词位置`)
    : (sizes2.value = "全部同时包含关键词位置");
};
const reClick2 = () => {
  dataService.keyList = [];
};

const dropdown3 = ref();
let sizes3 = ref("全部排除词位置");
const recognize3 = () => {
  dropdown3.value.handleClose();
  dataService.excludedList.length > 0
    ? (sizes3.value = `已选${dataService.excludedList.length}个排除词位置`)
    : (sizes3.value = "全部排除词位置");
  console.log(dataService);
};
const reClick3 = () => {
  dataService.excludedList = [];
};

// 时间
const shortcuts = [
  {
    id: "0",
    text: "全部",
  },
  {
    id: "1",
    text: "今天",
  },
  {
    id: "2",
    text: "昨天",
  },
  {
    id: "3",
    text: "近一周",
  },
  {
    id: "4",
    text: "近一个月",
  },
  {
    id: "5",
    text: "近三个月",
  },
  {
    id: "6",
    text: "近六个月",
  },
  {
    id: "7",
    text: "近一年",
  },
  {
    id: "8",
    text: "自定义",
  },
];
const timeChange = (value) => {
  const dateObject1 = new Date(value[0]);
  let seconds1 = Math.floor(dateObject1.getTime() / 1000);
  const dateObject2 = new Date(value[1]);
  let seconds2 = Math.floor(dateObject2.getTime() / 1000);
  dataService.times[0] = [
    {
      oneTime: seconds1,
      twoTime: seconds2,
    },
  ];
};
const jintain = () => {
  const today = new Date();
  const start = new Date(today);
  start.setHours(0, 0, 0, 0); // 设置为当天的零点
  const end = new Date(today);
  end.setHours(23, 59, 59, 999); // 设置为当天的最后一刻

  const dateObject1 = new Date(start);
  let start1 = Math.floor(dateObject1.getTime() / 1000);
  const dateObject2 = new Date(end);
  let end1 = Math.floor(dateObject2.getTime() / 1000);
  dataService.times = [
    {
      oneTime: start1,
      twoTime: end1,
    },
  ];
};

const zuotain = () => {
  const today = new Date();
  const yesterday = new Date(today);
  yesterday.setDate(today.getDate() - 1); // 设置为昨天
  const start = new Date(yesterday);
  start.setHours(0, 0, 0, 0); // 设置为昨天的零点
  const end = new Date(yesterday);
  end.setHours(23, 59, 59, 999); // 设置为昨天的最后一刻

  const dateObject1 = new Date(start);
  let start1 = Math.floor(dateObject1.getTime() / 1000);
  const dateObject2 = new Date(end);
  let end1 = Math.floor(dateObject2.getTime() / 1000);
  dataService.times = [
    {
      oneTime: start1,
      twoTime: end1,
    },
  ];
};
const jinyizhou = () => {
  const end = new Date();
  const start = new Date();
  start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);

  const dateObject1 = new Date(start);
  let start1 = Math.floor(dateObject1.getTime() / 1000);
  const dateObject2 = new Date(end);
  let end1 = Math.floor(dateObject2.getTime() / 1000);
  dataService.times = [
    {
      oneTime: start1,
      twoTime: end1,
    },
  ];
};

const jinyiyue = () => {
  const end = new Date();
  const start = new Date();
  start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);

  const dateObject1 = new Date(start);
  let start1 = Math.floor(dateObject1.getTime() / 1000);
  const dateObject2 = new Date(end);
  let end1 = Math.floor(dateObject2.getTime() / 1000);
  dataService.times = [
    {
      oneTime: start1,
      twoTime: end1,
    },
  ];
};

const jinsanyue = () => {
  const end = new Date();
  const start = new Date();
  start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);

  const dateObject1 = new Date(start);
  let start1 = Math.floor(dateObject1.getTime() / 1000);
  const dateObject2 = new Date(end);
  let end1 = Math.floor(dateObject2.getTime() / 1000);
  dataService.times = [
    {
      oneTime: start1,
      twoTime: end1,
    },
  ];
};

const jinliuyue = () => {
  const end = new Date(); // 当前时间
  const start = new Date(); // 过去六个月的时间
  start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); // 90天前，即过去六个月

  const dateObject1 = new Date(start);
  let start1 = Math.floor(dateObject1.getTime() / 1000);
  const dateObject2 = new Date(end);
  let end1 = Math.floor(dateObject2.getTime() / 1000);
  dataService.times = [
    {
      oneTime: start1,
      twoTime: end1,
    },
  ];
};
const jinyinian = () => {
  const end = new Date(); // 当前时间
  const start = new Date(); // 近一年的时间
  start.setFullYear(end.getFullYear() - 1); // 设置起始日期为当前日期的前一年

  const dateObject1 = new Date(start);
  let start1 = Math.floor(dateObject1.getTime() / 1000);
  const dateObject2 = new Date(end);
  let end1 = Math.floor(dateObject2.getTime() / 1000);
  dataService.times = [
    {
      oneTime: start1,
      twoTime: end1,
    },
  ];
};

const radioChange = (id) => {
  if (id == "1") {
    jintain();
  } else if (id == "2") {
    zuotain();
  } else if (id == "3") {
    jinyizhou();
  } else if (id == "4") {
    jinyiyue();
  } else if (id == "5") {
    jinsanyue();
  } else if (id == "6") {
    jinliuyue();
  } else if (id == "7") {
    jinyinian();
  } else if (id == "0") {
    dataService.times[0] = [
      {
        oneTime: 0,
        twoTime: 0,
      },
    ];
  }
};

// 招标公司类型
let biddingBoos = ref([
  {
    id: "1",
    name: "国有企业",
  },
  {
    id: "2",
    name: "通讯运营商",
  },
  {
    id: "3",
    name: "军队",
  },
  {
    id: "4",
    name: "银行",
  },
  {
    id: "5",
    name: "证券",
  },
  {
    id: "6",
    name: "保险",
  },
  {
    id: "7",
    name: "民营企业",
  },
  {
    id: "8",
    name: "医院",
  },
  {
    id: "9",
    name: "政府及事业单位",
  },
  {
    id: "10",
    name: "学校",
  },
  {
    id: "11",
    name: "其他",
  },
]);
// 招标方式
let biddingMethod = ref([
  {
    id: "1",
    name: "公开招标",
  },
  {
    id: "2",
    name: "询比价",
  },
  {
    id: "3",
    name: "竞价",
  },
  {
    id: "4",
    name: "竞争性磋商",
  },
  {
    id: "5",
    name: "竞争性谈判",
  },
  {
    id: "6",
    name: "邀请招标",
  },
  {
    id: "7",
    name: "单一来源",
  },
  {
    id: "8",
    name: "网上直购",
  },
  {
    id: "9",
    name: "定单采购",
  },
  {
    id: "10",
    name: "公开寻源",
  },
]);
// 招标状态
let inviteBids = [
  {
    id: "1",
    name: "全部招标",
  },
  {
    id: "2",
    name: "标书获取中",
  },
  {
    id: "3",
    name: "投标中",
  },
  {
    id: "4",
    name: "投标已截止",
  },
  {
    id: "5",
    name: "其他",
  },
];
// 金额
let moneyBids = [
  {
    id: "1",
    name: "全部",
  },
  {
    id: "2",
    name: "0~10万",
  },
  {
    id: "3",
    name: "10~20万",
  },
  {
    id: "4",
    name: "20~50万",
  },
  {
    id: "5",
    name: "50~100万",
  },
  {
    id: "6",
    name: "100~200万",
  },
  {
    id: "7",
    name: "200~500万",
  },
  {
    id: "8",
    name: "500~1000万",
  },
];

// 联系人
let contactBids = [
  {
    id: "1",
    name: "全部",
  },
  {
    id: "2",
    name: "有招标联系方式",
  },
  {
    id: "3",
    name: "有中标联系方式",
  },
  {
    id: "4",
    name: "有代理联系方式",
  },
  {
    id: "5",
    name: "有联系方式",
  },
];

// 采购类别
let category = ref([
  {
    id: "1",
    name: "房屋建筑",
  },
  {
    id: "2",
    name: "市政服务",
  },
  {
    id: "3",
    name: "科教文卫",
  },
  {
    id: "4",
    name: "公路交通",
  },
  {
    id: "5",
    name: "生物医药",
  },
  {
    id: "6",
    name: "光电通信",
  },
  {
    id: "7",
    name: "铁路桥梁",
  },
  {
    id: "8",
    name: "安全防护",
  },
  {
    id: "9",
    name: "礼品首饰",
  },
  {
    id: "10",
    name: "港口航道",
  },
  {
    id: "11",
    name: "纺织轻工",
  },
  {
    id: "12",
    name: "商业服务",
  },
  {
    id: "13",
    name: "石油石化",
  },
  {
    id: "14",
    name: "园林绿化",
  },
  {
    id: "15",
    name: "生态环保",
  },
  {
    id: "16",
    name: "机械设备",
  },
  {
    id: "17",
    name: "农林渔牧",
  },
  {
    id: "18",
    name: "化学工学",
  },
  {
    id: "19",
    name: "消防安全",
  },
  {
    id: "20",
    name: "金属矿产",
  },
  {
    id: "21",
    name: "酒店服务",
  },
  {
    id: "22",
    name: "管道工程",
  },
]);
// 附件
let attachment = [
  {
    id: "1",
    name: "全部",
  },
  {
    id: "2",
    name: "有附件",
  },
];
// 品配模式
let quality = [
  {
    id: "1",
    name: "智能",
  },
  {
    id: "2",
    name: "精准",
  },
  {
    id: "3",
    name: "模糊",
  },
];

const dataBiaoxuns = () => {
  dataService.title = "";
  dataService.checkList = [];
  dataService.keywords = "";
  dataService.keyList = [];
  dataService.excluded = "";
  dataService.excludedList = [];
  dataService.bulletin = [];
  dataService.timesId = "";
  dataService.times = [
    {
      oneTime: "",
      twoTime: "",
    },
  ];
  dataService.Boos = [];
  dataService.bidding = [];
  dataService.affairs = [];
  dataService.money = "";
  dataService.min = "";
  dataService.max = "";
  dataService.contact = "";
  dataService.projects = [];
  dataService.annexes = "";
  dataService.matching = "";
  signalsRadio1.leave.leave = [];
  signalsRadio1.market.market = [];
  signalsRadio1.quarter.quarter = [];
  signalsRadio1.T_tender = dataService;
};
defineExpose({ dataBiaoxuns, dataService });
onMounted(() => {
  getInformation();
  getInfomationchilds();
});
</script>

<style lang="scss" scoped>
.mt30 {
  margin-top: 30px;
}

.mt10 {
  margin-top: 10px;
}

.projectArea {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  width: 1160px;
  border-bottom: 1px solid #dddddd;
}

.shang {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  height: 24px;
  margin-right: 30px;
  margin-bottom: 20px;
  font-size: 14px;
  border-radius: 4px;
  color: #333;
}

.shangActive {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  height: 24px;
  margin-right: 30px;
  margin-bottom: 20px;
  padding: 0 5px;
  background-color: #6675ff;
  font-size: 14px;
  border-radius: 4px;
  color: #ffffff;
}

.greater {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 84px;
  font-size: 14px;
  color: #6675ff;
}

.guanjianzi {
  max-width: 100px;
  margin-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.biaoxun {
  padding: 20px 0 67px 20px;

  .biaoxunZs {
    display: flex;
    margin-bottom: 22px;

    .zhongshi {
      width: 4px;
      height: 16px;
      margin-right: 10px;
      background-color: #6675ff;
      border-radius: 10px;
    }

    .biaoxunZt {
      font-size: 16px;
      color: #333333;
    }
  }

  .biaoxunTou {
    margin-bottom: 15px;
    font-size: 14px;
    color: #333333;

    .biaoxunShu {
      margin-left: 10px;
      color: #6675ff;
    }
  }

  .lookSth {
    width: 500px;
    margin-right: 15px;
  }
}

.infOne {
  font-size: 14px;
  overflow-x: hidden;
  overflow-y: scroll;

  .infOne_hove {
    display: flex;
    height: 40px;
    align-items: center;
    padding-left: 15px;

    &:hover {
      // background-color: #6675FF;
    }
  }
}

.search_money {
  display: flex;
  align-items: center;
  width: 150px;
  padding-left: 10px;

  .search_mput {
    width: 100px;
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    border-radius: 4px;
    border: 1px solid #9a9898;
    font-size: inherit;
    outline: none;
  }
}

.dropdownButtom {
  width: 200px;
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  border-top: 1px solid #e8e8e8;
  padding-right: 10px;
}

::v-deep .el-button {
  color: aliceblue;
}

::v-deep .el-dropdown-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 220px;
  height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 36px;
  border-radius: 4px;
  border: 1px solid #dddddd !important;
  font-size: 14px;
  color: #333333;
}

.el-radio-group {
  display: flex;
  flex-wrap: nowrap;
  font-size: 16px;
}
</style>
